* {
  margin: 0;
  padding: 0;
  list-style: none;
}
html{
  font-size: 10px;
}
body{
  font-size: 1.6rem;
  background-color: #e9e9e9;
}
.map-layout {
  width: 100%;
  height: 100%;
  .map-header {
    width: 100%;
    height: 4rem;
    background-color: #fff;
    border-bottom: 0.1rem solid #ccc;
    /*  flex 伸缩布局 */
    display: flex;
    /*  主轴两端对齐 */
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    & span {
      padding: 3px;
      & .current {
        color: deepskyblue;
      }
    }
  }

  .map-content {
    margin-top: 5rem;
    & .cell-1{
      background-color: #fff;
      padding: 0.5rem;
    }
  }
}

